<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="login.css">
</head>
<body>
    <div class="box">
        <div class="out">×</div>
        <div id="app">
            <div class="top">密码登录</div>
            <div class="inputBox">
                <input type="text" placeholder="手机/用户名" v-model="form.phone">
                <input type="password" placeholder="密码" v-model="form.password">
            </div>
            <button  @click="login">登录</button>
            <div class="otherway">
                <span>手机号登录</span>
                <span>忘记密码</span>
            </div>
            <form action="" method="" name="">
                <input type="checkbox"> 已阅读并同意<a href="#">《用户服务协议》、</a><a href="#">隐私条款</a>
            </form>
        </div>
    </div>
</body>
</html>
<script src="./vue-2.5.21.js"></script>
<script>
    var v = new Vue({
        el:'#app',
        data:{
            form:{phone:'1564',password:'2222'}
        },
        methods:{
            login(){
                console.log( this.form ); 
            }
        }

    })
</script>